<!doctype html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <meta name="generator" content="editplus@">
        <meta name="author" content="作者">
        <meta name="keywords" content="关键字">
        <meta name="description" content="描述">
        <title>豆瓣7.0</title>
        <link rel="shortcut icon" href="./images/favicon.ico"/><!-- 网页图标 -->
        <link rel="stylesheet" type="text/css" href="./work reset.css">
        <link rel="stylesheet" type="text/css" href="./work common.css">
        <link rel="stylesheet" type="text/css" href="./work.css">
        <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_2397581_4h5hmoouolh.css">
    </head>
    <body>
  	  <header class="header">
      	<div class="header_banner w1349f">
       		<h1>
       			<a href="javascript:;">豆瓣</a>
       		</h1>
       	</div>
       	<div class="header_contain w1080 clearFix">
       		<div class="contain_logo fl">
       			<h1>
       				<a href="javascript:;">豆瓣</a>
       			</h1>
       		</div>
       		<div class="contain_search fl">
       			<form>
       				<input class="search_txt" type="text" name="" placeholder="书籍、电影、音乐、小组、小站、成员">
       				<button>
       					<i class="iconfont icon-sousuo"></i>
       				</button>
       			</form>
       		</div>
       		<nav class="contain_menu fr fl_child">
       			<a href="javascript:;" class="menu_read"></a>
       			<a href="javascript:;" class="menu_movie"></a>
       			<a href="javascript:;" class="menu_music"></a>
       			<a href="javascript:;" class="menu_city"></a>
       			<a href="javascript:;" class="menu_group"></a>
       			<a href="javascript:;" class="menu_reading"></a>
       			<a href="javascript:;" class="menu_fm"></a>
       			<a href="javascript:;" class="menu_time"></a>
       			<a href="javascript:;" class="menu_doupin"></a>
       		</nav>
       	</div>
      </header>

      <div class="banner w1349">
        <div class="container clearFix">
          <div class="iframe fr">
            <iframe src="./iframe/work iframe.html" frameborder="no" scrolling="no"></iframe>
          </div>
          <div class="qrcode fr">
            <h1>豆瓣 7.0</h1>
            <div class="clearFix qrcode_main">
              <button fl>下载豆瓣 App</button>
              <div class="qrcode_bottom fr">
                <div class="imgWrap">
                  <img src="./images/icon_qrcode_green.png">
                </div>
                <div class="ewmWrap hidden">
                  <div class="imgWrap">
                    <img src="./images/qrlogin_code=douban-qrlogin_EBNtEL5Zk8xGpQ.png">
                  </div>
                  <span>iOS/Android扫码直接下载</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div>
      	<!-- 热点 -->
	      <div class="section redian_area">
	      	<div class="container clearFix">
		      	<div class="aside_right">
		      		<div class="adv">
		      			<a href="javascript:;">
		      				<img src="./images/9014cc2305619cf.jpg">
		      			</a>
		      			<div class="hottip"><span>广告</span></div>
		      		</div>
		      		<div class="section_title">
		      			<h2>热门话题</h2>
		      			<span class="link">
		      				<a href="javascript:;">去话题广场</a>
		      			</span>
		      		</div>
		      		<ul class="hot_list">
		      			<li>
		      				<div class="title">
		      					<a href="javascript:;">日出前的生活</a>
		      				</div>
		      				<div class="desc">
		      					<span>92.2万次浏览</span>
		      				</div>
		      			</li>
		      			<li>
		      				<div class="title">
		      					<a href="javascript:;">日出前的生活</a>
		      				</div>
		      				<div class="desc">
		      					<span>92.2万次浏览</span>
		      				</div>
		      			</li>
		      			<li>
		      				<div class="title">
		      					<a href="javascript:;">日出前的生活</a>
		      				</div>
		      				<div class="desc">
		      					<span>92.2万次浏览</span>
		      				</div>
		      			</li>
		      			<li>
		      				<div class="title">
		      					<a href="javascript:;">日出前的生活</a>
		      				</div>
		      				<div class="desc">
		      					<span>92.2万次浏览</span>
		      				</div>
		      			</li>
		      			<li>
		      				<div class="title">
		      					<a href="javascript:;">日出前的生活</a>
		      				</div>
		      				<div class="desc">
		      					<span>92.2万次浏览</span>
		      				</div>
		      			</li>
		      			<li>
		      				<div class="title">
		      					<a href="javascript:;">日出前的生活</a>
		      				</div>
		      				<div class="desc">
		      					<span>92.2万次浏览</span>
		      				</div>
		      			</li>
		      		</ul>
		      	</div>
		      	<div class="main clearFix">
		      		<div class="section_title">
		      			<h2>热门话题</h2>
		      			<span class="link">
		      				<a href="javascript:;">去话题广场</a>
		      			</span>
	      			</div>
			      	<div class="fl item_list">
			      		<ul>
			      			<li>
			      				<div class="img">
			      					<a href="javascript:;">
			      						<img src="./images/p2500823812.webp">
			      					</a>
			      				</div>
			      				<div class="words">
			      					<a href="javascript:;">青海植物记a</a>
			      					<span>352张照片</span>
			      				</div>
			      			</li>
			      			<li>
			      				<div class="img">
			      					<a href="javascript:;">
			      						<img src="./images/p2500823812.webp">
			      					</a>
			      				</div>
			      				<div class="words">
			      					<a href="javascript:;">青海植物记</a>
			      					<span>352张照片</span>
			      				</div>
			      			</li>
			      			<li>
			      				<div class="img">
			      					<a href="javascript:;">
			      						<img src="./images/p2500823812.webp">
			      					</a>
			      				</div>
			      				<div class="words">
			      					<a href="javascript:;">青海植物记</a>
			      					<span>352张照片</span>
			      				</div>
			      			</li>
			      			<li>
			      				<div class="img">
			      					<a href="javascript:;">
			      						<img src="./images/p2500823812.webp">
			      					</a>
			      				</div>
			      				<div class="words">
			      					<a href="javascript:;">青海植物记</a>
			      					<span>352张照片</span>
			      				</div>
			      			</li>
			      		</ul>
			      	</div>
			      	<div class="fr">
			      		<div class="title"><a href="javascript:;">我那上过私塾的爷爷</a></div>
			      		<div class="author">manjon的日记</div>
			      		<div class="desc">我和弟弟是留守儿童，儿时和爷爷奶奶生活在一起，前些年爷爷过世的时候，留下的遗物里有一些古籍。妈妈看那些书破烂不堪还有虫蛀的痕迹，原想和遗物一起烧毁，幸亏那时我留...</div>
			      		<ul>
			      			<li><a href="javascript:;">「豆瓣小组春节大庙会」获奖结果</a></li>
			      			<li><a href="javascript:;">「豆瓣小组春节大庙会」获奖结果</a></li>
			      			<li><a href="javascript:;">「豆瓣小组春节大庙会」获奖结果</a></li>
			      			<li><a href="javascript:;">「豆瓣小组春节大庙会」获奖结果</a></li>
			      			<li><a href="javascript:;">「豆瓣小组春节大庙会」获奖结果</a></li>
			      			<li><a href="javascript:;">「豆瓣小组春节大庙会」获奖结果</a></li>
			      			<li><a href="javascript:;">「豆瓣小组春节大庙会」获奖结果</a></li>
			      			<li><a href="javascript:;">「豆瓣小组春节大庙会」获奖结果</a></li>
			      			<li><a href="javascript:;">「豆瓣小组春节大庙会」获奖结果</a></li>
			      		</ul>
			      	</div>
		      	</div>
		    </div>
	      </div>
	      <!-- 豆瓣时间 -->
	      <div class="section">
	      	<div class="container clearFix">
	      		<div class="aside_left">
	      			<div class="aside_title">
	      				<h2>
	      					<a href="javascript:;">豆瓣时间</a>
	      				</h2>
	      			</div>
	      		</div>
	      		<div class="main">
	      			<div class="section_title">
		      			<h2>热门专栏</h2>
		      			<span class="link">
		      				<a href="javascript:;">更多</a>
		      			</span>
	      			</div>
	      			<div class="time_main item_list">
	      				<ul>
		      				<li>
		      					<a href="javascript:;">
			      					<div class="img iconfont icon-ziyuan">
			      							<img src="./images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg">
			      					</div>
		      					</a>
		      					<div class="words">
		      						<a href="javascript:;">用性别之尺丈量世界——18堂思想课解读女性问题</a>
		      						<span>音频专栏</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="javascript:;">
			      					<div class="img iconfont icon-ziyuan">
			      							<img src="./images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg">
			      					</div>
		      					</a>
		      					<div class="words">
		      						<a href="javascript:;">用性别之尺丈量世界——18堂思想课解读女性问题</a>
		      						<span>音频专栏</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="javascript:;">
			      					<div class="img iconfont icon-ziyuan">
			      							<img src="./images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg">
			      					</div>
		      					</a>
		      					<div class="words">
		      						<a href="javascript:;">用性别之尺丈量世界——18堂思想课解读女性问题</a>
		      						<span>音频专栏</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="javascript:;">
			      					<div class="img iconfont icon-ziyuan">
			      							<img src="./images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg">
			      					</div>
		      					</a>
		      					<div class="words">
		      						<a href="javascript:;">用性别之尺丈量世界——18堂思想课解读女性问题</a>
		      						<span>音频专栏</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="javascript:;">
			      					<div class="img iconfont icon-ziyuan">
			      							<img src="./images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg">
			      					</div>
		      					</a>
		      					<div class="words">
		      						<a href="javascript:;">用性别之尺丈量世界——18堂思想课解读女性问题</a>
		      						<span>音频专栏</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="javascript:;">
			      					<div class="img iconfont icon-ziyuan">
			      							<img src="./images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg">
			      					</div>
		      					</a>
		      					<div class="words">
		      						<a href="javascript:;">用性别之尺丈量世界——18堂思想课解读女性问题</a>
		      						<span>音频专栏</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="javascript:;">
			      					<div class="img iconfont icon-ziyuan">
			      							<img src="./images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg">
			      					</div>
		      					</a>
		      					<div class="words">
		      						<a href="javascript:;">用性别之尺丈量世界——18堂思想课解读女性问题</a>
		      						<span>音频专栏</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="javascript:;">
			      					<div class="img iconfont icon-ziyuan">
			      							<img src="./images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg">
			      					</div>
		      					</a>
		      					<div class="words">
		      						<a href="javascript:;">用性别之尺丈量世界——18堂思想课解读女性问题</a>
		      						<span>音频专栏</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="javascript:;">
			      					<div class="img iconfont icon-ziyuan">
			      							<img src="./images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg">
			      					</div>
		      					</a>
		      					<div class="words">
		      						<a href="javascript:;">用性别之尺丈量世界——18堂思想课解读女性问题</a>
		      						<span>音频专栏</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="javascript:;">
			      					<div class="img iconfont icon-ziyuan">
			      							<img src="./images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg">
			      					</div>
		      					</a>
		      					<div class="words">
		      						<a href="javascript:;">用性别之尺丈量世界——18堂思想课解读女性问题</a>
		      						<span>音频专栏</span>
		      					</div>
		      				</li>
		      			</ul>
		      		</div>
	      		</div>
	      	</div>
	      </div>
	      <!-- 豆瓣电影 -->
	      <div class="section">
	      	<div class="container clearFix">
	      		<div class="aside_left">
	      			<div class="aside_title">
	      				<h2>
	      					<a href="javascript:;">电影</a>
	      				</h2>
	      			</div>
	      			<div class="left_menu">
	      				<ul>
	      					<li><a href="">影讯&购票</a></li>
	      					<li><a href="" class="new">选电影</a></li>
	      					<li><a href="">电视剧</a></li>
	      					<li><a href="">排行榜</a></li>
	      					<li><a href="">分类</a></li>
	      					<li><a href="">影评</a></li>
	      					<li><a href="">预告片</a></li>
	      					<li><a href="">问答</a></li>
	      				</ul>
	      			</div>
	      		</div>
	      		<div class="aside_right">
	      			<div class="right_moviearea">
		      			<div class="section_title">
			      			<h2>影片分类</h2>
			      			<span class="link">
			      				<a href="javascript:;">更多</a>
			      			</span>
			      		</div>
			      		<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">爱情</a></li>
			      			<li><a href="javascript:;">剧情</a></li>
			      			<li><a href="javascript:;">喜剧</a></li>
			      			<li><a href="javascript:;">悬疑</a></li>
			      			<li><a href="javascript:;">经典</a></li>
			      			<li><a href="javascript:;">爱情</a></li>
			      			<li><a href="javascript:;">剧情</a></li>
			      			<li><a href="javascript:;">喜剧</a></li>
			      			<li><a href="javascript:;">悬疑</a></li>
			      			<li><a href="javascript:;">经典</a></li>
			      			<li><a href="javascript:;">爱情</a></li>
			      			<li><a href="javascript:;">黑色幽默</a></li>
			      			<li><a href="javascript:;">喜剧</a></li>
			      			<li><a href="javascript:;">中国大陆</a></li>
			      			<li><a href="javascript:;">经典</a></li>
			      			<li><a href="javascript:;">爱情</a></li>
			      			<li><a href="javascript:;">剧情</a></li>
			      			<li><a href="javascript:;">喜剧</a></li>
			      			<li><a href="javascript:;">悬疑</a></li>
			      			<li><a href="javascript:;">经典</a></li>
			      			<li><a href="javascript:;">爱情</a></li>
			      			<li><a href="javascript:;">剧情</a></li>
			      			<li><a href="javascript:;">喜剧</a></li>
			      			<li><a href="javascript:;">悬疑</a></li>
			      			<li><a href="javascript:;">经典</a></li>
			      		</ul>
			      	</div>
			      	<div class="right_moviearea">
			      		<div class="section_title">
			      			<h2>近期热门</h2>
			      			<span class="link">
			      				<a href="javascript:;">更多</a>
			      			</span>
			      		</div>
			      		<ol class="order-menu-list">
			      			<li><a href="">同学麦娜丝</a></li>
			      			<li><a href="">发财日记</a></li>
			      			<li><a href="">孤味</a></li>
			      			<li><a href="">紧急救援</a></li>
			      			<li><a href="">无依之地</a></li>
			      			<li><a href="">大红包</a></li>
			      			<li><a href="">亲爱的房客</a></li>
			      			<li><a href="">无声</a></li>
			      			<li><a href="">我很在乎</a></li>
			      			<li><a href="">白虎</a></li>
			      		</ol>
			      	</div>
	      		</div>
	      		<div class="main movie_area">
	      			<div class="section_title">
		      			<h2>近期热门</h2>
		      			<span class="link">
		      				<a href="javascript:;">更多</a>
		      			</span>
		      		</div>
		      		<ul class="item_list">
		      			<li>
		      				<div class="img">
		      					<a href="">
		      						<img src="./images/p2634893087.webp">
		      					</a>
		      				</div>
		      				<div class="words">
		      					<a href="">无尺天涯</a>
		      				</div>
		      				<div>
		      					<span class="star_bg star50"></span>
		      					<span class="star_number">7.4</span>
		      				</div>
		      				<span class="func block_button">
		      					<a href="">
		      						选座购票
		      					</a>
		      				</span>
		      			</li>
		      			<li>
		      				<div class="img">
		      					<a href="">
		      						<img src="./images/p2634893087.webp">
		      					</a>
		      				</div>
		      				<div class="words">
		      					<a href="">无尺天涯</a>
		      				</div>
		      				<div>
		      					<span class="star_bg star25"></span>
		      					<span class="star_number">7.4</span>
		      				</div>
		      				<span class="func block_button">
		      					<a href="">
		      						选座购票
		      					</a>
		      				</span>
		      			</li>
		      			<li>
		      				<div class="img">
		      					<a href="">
		      						<img src="./images/p2634893087.webp">
		      					</a>
		      				</div>
		      				<div class="words">
		      					<a href="">无尺天涯</a>
		      				</div>
		      				<div>
		      					<span class="star_bg star45"></span>
		      					<span class="star_number">7.4</span>
		      				</div>
		      				<span class="func block_button">
		      					<a href="">
		      						选座购票
		      					</a>
		      				</span>
		      			</li>
		      			<li>
		      				<div class="img">
		      					<a href="">
		      						<img src="./images/p2634893087.webp">
		      					</a>
		      				</div>
		      				<div class="words">
		      					<a href="">无尺天涯</a>
		      				</div>
		      				<div>
		      					<span class="star_bg star40"></span>
		      					<span class="star_number">7.4</span>
		      				</div>
		      				<span class="func block_button">
		      					<a href="">
		      						选座购票
		      					</a>
		      				</span>
		      			</li>
		      			<li>
		      				<div class="img">
		      					<a href="">
		      						<img src="./images/p2634893087.webp">
		      					</a>
		      				</div>
		      				<div class="words">
		      					<a href="">无尺天涯</a>
		      				</div>
		      				<div>
		      					<span class="star_bg star35"></span>
		      					<span class="star_number">7.4</span>
		      				</div>
		      				<span class="func block_button">
		      					<a href="">
		      						选座购票
		      					</a>
		      				</span>
		      			</li>
		      			<li>
		      				<div class="img">
		      					<a href="">
		      						<img src="./images/p2634893087.webp">
		      					</a>
		      				</div>
		      				<div class="words">
		      					<a href="">无尺天涯</a>
		      				</div>
		      				<div>
		      					<span class="star_bg star30"></span>
		      					<span class="star_number">7.4</span>
		      				</div>
		      				<span class="func block_button">
		      					<a href="">
		      						选座购票
		      					</a>
		      				</span>
		      			</li>
		      			<li>
		      				<div class="img">
		      					<a href="">
		      						<img src="./images/p2634893087.webp">
		      					</a>
		      				</div>
		      				<div class="words">
		      					<a href="">无尺天涯</a>
		      				</div>
		      				<div>
		      					<span class="star_bg star20"></span>
		      					<span class="star_number">7.4</span>
		      				</div>
		      				<span class="func block_button">
		      					<a href="">
		      						选座购票
		      					</a>
		      				</span>
		      			</li>
		      			<li>
		      				<div class="img">
		      					<a href="">
		      						<img src="./images/p2634893087.webp">
		      					</a>
		      				</div>
		      				<div class="words">
		      					<a href="">无尺天涯</a>
		      				</div>
		      				<div>
		      					<span class="star_bg star10"></span>
		      					<span class="star_number">7.4</span>
		      				</div>
		      				<span class="func block_button">
		      					<a href="">
		      						选座购票
		      					</a>
		      				</span>
		      			</li>
		      		</ul>
	      		</div>
	      	</div>
	      </div>
	      <!-- 豆瓣小组 -->
	      <div class="section">
	      	<div class="container group_area clearFix">
	      		<div class="aside_left">
	      			<div class="aside_title">
	      				<h2>
	      					<a href="javascript:;">小组</a>
	      				</h2>
	      			</div>
	      			<div class="left_menu">
	      				<ul>
	      					<li><a href="">精选</a></li>
	      					<li><a href="">文化</a></li>
	      					<li><a href="">行摄</a></li>
	      					<li><a href="">娱乐</a></li>
	      					<li><a href="">时尚</a></li>
	      					<li><a href="">生活</a></li>
	      					<li><a href="">科技</a></li>
	      				</ul>
	      			</div>
	      		</div>
	      		<div class="aside_right">
	      			<div class="section_title">
			      			<h2>小组分类</h2>
					</div>
					<div class="group">
						<div class="title">
							<a href="">兴趣</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">旅行</a></li>
			      			<li><a href="javascript:;">摄影</a></li>
			      			<li><a href="javascript:;">影视</a></li>
			      			<li><a href="javascript:;">音乐</a></li>
			      			<li><a href="javascript:;">文学</a></li>
			      			<li><a href="javascript:;">游戏</a></li>
			      			<li><a href="javascript:;">动漫</a></li>
			      			<li><a href="javascript:;">运动</a></li>
			      			<li><a href="javascript:;">戏曲</a></li>
			      			<li><a href="javascript:;">桌游</a></li>
			      			<li><a href="javascript:;">怪癖</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<div class="title">
							<a href="">生活</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">健康</a></li>
			      			<li><a href="javascript:;">美食</a></li>
			      			<li><a href="javascript:;">宠物</a></li>
			      			<li><a href="javascript:;">美容</a></li>
			      			<li><a href="javascript:;">化妆</a></li>
			      			<li><a href="javascript:;">护肤</a></li>
			      			<li><a href="javascript:;">服饰</a></li>
			      			<li><a href="javascript:;">公益</a></li>
			      			<li><a href="javascript:;">家庭</a></li>
			      			<li><a href="javascript:;">育儿</a></li>
			      			<li><a href="javascript:;">汽车</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<div class="title">
							<a href="">购物</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">淘宝</a></li>
			      			<li><a href="javascript:;">二手</a></li>
			      			<li><a href="javascript:;">团购</a></li>
			      			<li><a href="javascript:;">数码</a></li>
			      			<li><a href="javascript:;">品牌</a></li>
			      			<li><a href="javascript:;">文具</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<div class="title">
							<a href="">社会</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">求职</a></li>
			      			<li><a href="javascript:;">租房</a></li>
			      			<li><a href="javascript:;">励志</a></li>
			      			<li><a href="javascript:;">留学</a></li>
			      			<li><a href="javascript:;">出国</a></li>
			      			<li><a href="javascript:;">理财</a></li>
			      			<li><a href="javascript:;">传媒</a></li>
			      			<li><a href="javascript:;">创业</a></li>
			      			<li><a href="javascript:;">考试</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<div class="title">
							<a href="">艺术</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">设计</a></li>
			      			<li><a href="javascript:;">手工</a></li>
			      			<li><a href="javascript:;">展览</a></li>
			      			<li><a href="javascript:;">曲艺</a></li>
			      			<li><a href="javascript:;">舞蹈</a></li>
			      			<li><a href="javascript:;">雕塑</a></li>
			      			<li><a href="javascript:;">纹身</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<div class="title">
							<a href="">学术</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">人文</a></li>
			      			<li><a href="javascript:;">社科</a></li>
			      			<li><a href="javascript:;">自然</a></li>
			      			<li><a href="javascript:;">建筑</a></li>
			      			<li><a href="javascript:;">国学</a></li>
			      			<li><a href="javascript:;">语言</a></li>
			      			<li><a href="javascript:;">宗教</a></li>
			      			<li><a href="javascript:;">哲学</a></li>
			      			<li><a href="javascript:;">软件</a></li>
			      			<li><a href="javascript:;">硬件</a></li>
			      			<li><a href="javascript:;">互联网</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<div class="title">
							<a href="">情感</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">恋爱</a></li>
			      			<li><a href="javascript:;">心情</a></li>
			      			<li><a href="javascript:;">心理学</a></li>
			      			<li><a href="javascript:;">星座</a></li>
			      			<li><a href="javascript:;">塔罗</a></li>
			      			<li><a href="javascript:;">LES</a></li>
			      			<li><a href="javascript:;">GAY</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<div class="title">
							<a href="">闲聊</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">吐槽</a></li>
			      			<li><a href="javascript:;">笑话</a></li>
			      			<li><a href="javascript:;">直播</a></li>
			      			<li><a href="javascript:;">八卦</a></li>
			      			<li><a href="javascript:;">发泄</a></li>
			      		</ul>
			      	</div>
	      		</div>
	      		<div class="main">
	      			<div class="section_title">
		      			<h2>热门小组</h2>
		      			<span class="link">
		      				<a href="javascript:;">更多</a>
		      			</span>
					</div>
					<div class="item_list">
						<ul>
							<li class="clearFix">
								<div class="img fl">
									<a href="">
										<img src="./images/17fdb616ff143d8.webp">
									</a>
								</div>
								<div class="words">
									<a href="">我爱三毛</a>
									<p><span>48486</span>个成员</p>
								</div>
							</li>
							<li class="clearFix">
								<div class="img fl">
									<a href="">
										<img src="./images/17fdb616ff143d8.webp">
									</a>
								</div>
								<div class="words">
									<a href="">我爱三毛</a>
									<p><span>48486</span>个成员</p>
								</div>
							</li>
							<li class="clearFix">
								<div class="img fl">
									<a href="">
										<img src="./images/17fdb616ff143d8.webp">
									</a>
								</div>
								<div class="words">
									<a href="">我爱三毛</a>
									<p><span>48486</span>个成员</p>
								</div>
							</li>
							<li class="clearFix">
								<div class="img fl">
									<a href="">
										<img src="./images/17fdb616ff143d8.webp">
									</a>
								</div>
								<div class="words">
									<a href="">我爱三毛</a>
									<p><span>48486</span>个成员</p>
								</div>
							</li>
							<li class="clearFix">
								<div class="img fl">
									<a href="">
										<img src="./images/17fdb616ff143d8.webp">
									</a>
								</div>
								<div class="words">
									<a href="">我爱三毛</a>
									<p><span>48486</span>个成员</p>
								</div>
							</li>
							<li class="clearFix">
								<div class="img fl">
									<a href="">
										<img src="./images/17fdb616ff143d8.webp">
									</a>
								</div>
								<div class="words">
									<a href="">我爱三毛</a>
									<p><span>48486</span>个成员</p>
								</div>
							</li>
							<li class="clearFix">
								<div class="img fl">
									<a href="">
										<img src="./images/17fdb616ff143d8.webp">
									</a>
								</div>
								<div class="words">
									<a href="">我爱三毛</a>
									<p><span>48486</span>个成员</p>
								</div>
							</li>
							<li class="clearFix">
								<div class="img fl">
									<a href="">
										<img src="./images/17fdb616ff143d8.webp">
									</a>
								</div>
								<div class="words">
									<a href="">我爱三毛</a>
									<p><span>48486</span>个成员</p>
								</div>
							</li>
						</ul>
					</div>
	      		</div>
	      	</div>
	      </div>
	      <!-- 豆瓣读书 -->
	      <div class="section">
	      	<div class="container clearFix book_area">
	      		<div class="aside_left">
	      			<div class="aside_title">
	      				<h2>
	      					<a href="javascript:;">读书</a>
	      				</h2>
	      			</div>
	      			<div class="left_menu">
	      				<ul>
	      					<li><a href="">分类浏览</a></li>
	      					<li><a href="" class="new">阅读</a></li>
	      					<li><a href="">作者</a></li>
	      					<li><a href="">书评</a></li>
	      					<li><a href="">购书单</a></li>
	      				</ul>
	      			</div>
	      			<div class="book_adv">
	      				<a href="" class="bookicon bookicon1"></a>
	      				<a href="" class="txt">豆瓣阅读</a>
	      			</div>
	      		</div>
	      		<div class="aside_right">
	      			<div class="section_title">
		      			<h2>热门标签</h2>
		      			<span class="link">
		      				<a href="javascript:;">更多</a>
		      			</span>
		      		</div>
		      		<div class="group">
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">文学</a></li>
			      			<li><a href="javascript:;">小说</a></li>
			      			<li><a href="javascript:;">随笔</a></li>
			      			<li><a href="javascript:;">日本文学</a></li>
			      			<li><a href="javascript:;">散文</a></li>
			      			<li><a href="javascript:;">诗歌</a></li>
			      			<li><a href="javascript:;">童话</a></li>
			      			<li><a href="javascript:;">名著</a></li>
			      			<li><a href="javascript:;">港台</a></li>
			      			<li><a href="javascript:;">更多</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">文学</a></li>
			      			<li><a href="javascript:;">小说</a></li>
			      			<li><a href="javascript:;">随笔</a></li>
			      			<li><a href="javascript:;">日本文学</a></li>
			      			<li><a href="javascript:;">散文</a></li>
			      			<li><a href="javascript:;">诗歌</a></li>
			      			<li><a href="javascript:;">童话</a></li>
			      			<li><a href="javascript:;">名著</a></li>
			      			<li><a href="javascript:;">港台</a></li>
			      			<li><a href="javascript:;">更多</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">文学</a></li>
			      			<li><a href="javascript:;">小说</a></li>
			      			<li><a href="javascript:;">随笔</a></li>
			      			<li><a href="javascript:;">日本文学</a></li>
			      			<li><a href="javascript:;">散文</a></li>
			      			<li><a href="javascript:;">诗歌</a></li>
			      			<li><a href="javascript:;">童话</a></li>
			      			<li><a href="javascript:;">名著</a></li>
			      			<li><a href="javascript:;">港台</a></li>
			      			<li><a href="javascript:;">更多</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">文学</a></li>
			      			<li><a href="javascript:;">小说</a></li>
			      			<li><a href="javascript:;">随笔</a></li>
			      			<li><a href="javascript:;">日本文学</a></li>
			      			<li><a href="javascript:;">散文</a></li>
			      			<li><a href="javascript:;">诗歌</a></li>
			      			<li><a href="javascript:;">童话</a></li>
			      			<li><a href="javascript:;">名著</a></li>
			      			<li><a href="javascript:;">港台</a></li>
			      			<li><a href="javascript:;">更多</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">文学</a></li>
			      			<li><a href="javascript:;">小说</a></li>
			      			<li><a href="javascript:;">随笔</a></li>
			      			<li><a href="javascript:;">日本文学</a></li>
			      			<li><a href="javascript:;">散文</a></li>
			      			<li><a href="javascript:;">诗歌</a></li>
			      			<li><a href="javascript:;">童话</a></li>
			      			<li><a href="javascript:;">名著</a></li>
			      			<li><a href="javascript:;">港台</a></li>
			      			<li><a href="javascript:;">更多</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">文学</a></li>
			      			<li><a href="javascript:;">小说</a></li>
			      			<li><a href="javascript:;">随笔</a></li>
			      			<li><a href="javascript:;">日本文学</a></li>
			      			<li><a href="javascript:;">散文</a></li>
			      			<li><a href="javascript:;">诗歌</a></li>
			      			<li><a href="javascript:;">童话</a></li>
			      			<li><a href="javascript:;">名著</a></li>
			      			<li><a href="javascript:;">港台</a></li>
			      			<li><a href="javascript:;">更多</a></li>
			      		</ul>
			      	</div>
	      		</div>
	      		<div class="main">
	      			<div class="section_title">
		      			<h2>新书速递</h2>
		      			<span class="link">
		      				<a href="javascript:;">更多</a>
		      			</span>
		      		</div>
		      		<div class="item_list">
		      			<ul>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/35728539.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						<a href="">待机少女，请充点时尚</a>
		      						<span>〔美〕马尔科姆爱仕达</span>
		      					</div>
		      					<div class="func">
		      						<div class="block_button">
		      							<a href="">免费试读</a>
		      						</div>
		      					</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/35728539.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						<a href="">待机少女，请充点时尚</a>
		      						<span>〔美〕马尔科姆爱仕达</span>
		      					</div>
		      					<div class="func">
		      						<div class="block_button">
		      							<a href="">免费试读</a>
		      						</div>
		      					</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/35728539.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						<a href="">待机少女，请充点时尚</a>
		      						<span>〔美〕马尔科姆爱仕达</span>
		      					</div>
		      					<div class="func">
		      						<div class="block_button">
		      							<a href="">免费试读</a>
		      						</div>
		      					</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/35728539.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						<a href="">待机少女，请充点时尚</a>
		      						<span>〔美〕马尔科姆爱仕达</span>
		      					</div>
		      					<div class="func">
		      						<div class="block_button">
		      							<a href="">免费试读</a>
		      						</div>
		      					</div>
		      				</li>
		      			</ul>
		      		</div>
		      		<div class="section_title">
		      			<h2>新书速递</h2>
		      			<span class="link">
		      				<a href="javascript:;">更多</a>
		      			</span>
		      		</div>
		      		<div class="item_list">
		      			<ul>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/35728539.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						<a href="">待机少女，请充点时尚</a>
		      						<span>〔美〕马尔科姆爱仕达</span>
		      					</div>
		      					<div class="func">
		      						<div class="block_button">
		      							<a href="">免费试读</a>
		      						</div>
		      					</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/35728539.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						<a href="">待机少女，请充点时尚</a>
		      						<span>〔美〕马尔科姆爱仕达</span>
		      					</div>
		      					<div class="func">
		      						<div class="block_button">
		      							<a href="">免费试读</a>
		      						</div>
		      					</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/35728539.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						<a href="">待机少女，请充点时尚</a>
		      						<span>〔美〕马尔科姆爱仕达</span>
		      					</div>
		      					<div class="func">
		      						<div class="block_button">
		      							<a href="">免费试读</a>
		      						</div>
		      					</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/35728539.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						<a href="">待机少女，请充点时尚</a>
		      						<span>〔美〕马尔科姆爱仕达</span>
		      					</div>
		      					<div class="func">
		      						<div class="block_button">
		      							<a href="">免费试读</a>
		      						</div>
		      					</div>
		      				</li>
		      			</ul>
		      		</div>
	      		</div>
	      	</div>
	      </div>
	      <!-- 豆瓣音乐 -->
	      <div class="section">
	      	<div class="container clearFix music_area">
	      		<div class="aside_left">
	      			<div class="aside_title">
	      				<h2>
	      					<a href="javascript:;">音乐</a>
	      				</h2>
	      			</div>
	      			<div class="left_menu">
	      				<ul>
	      					<li><a href="">音乐人</a></li>
	      					<li><a href="">潮潮豆瓣音乐周</a></li>
	      					<li><a href="">金羊毛计划</a></li>
	      					<li><a href="">专题</a></li>
	      					<li><a href="">排行榜</a></li>
	      					<li><a href="">分类浏览</a></li>
	      					<li><a href="">乐评</a></li>
	      					<li><a href="">豆瓣FM</a></li>
	      					<li><a href="">歌单</a></li>
	      					<li><a href="">阿比鹿音乐奖</a></li>
	      				</ul>
	      			</div>
	      			<div class="music_adv">
	      				<span class="bookicon bookicon6"></span>
	      				<a href="">豆瓣FM</a>
	      			</div>
	      			<div class="music_adv">
	      				<span class="bookicon bookicon2"></span>
	      				<a href="">豆瓣音乐人</a>
	      			</div>
	      		</div>
	      		<div class="aside_right">
	      			<div class="section_title">
		      			<h2>本周流行音乐人</h2>
		      			<span class="link">
		      				<a href="javascript:;">更多</a>
		      			</span>
		      		</div>
		      		<div class="item_list">
		      			<ul>
		      				<li class="clearFix">
		      					<span class="fl">1.</span>
		      					<a href="">
		      						<div class="img fl  iconfont icon-ziyuan">
		      							<img src="./images/c12c83c63efb4a7.jpg">
		      						</div>
		      					</a>
		      					<div class="words fl">
		      						<a href="">三七</a>
		      						<div class="alt">
			      						<span>流派: 摇滚 Rock</span>
			      						<span>210人关注</span>
			      					</div>
		      					</div>
		      				</li>
		      				<li class="clearFix">
		      					<span class="fl">2.</span>
		      					<a href="">
		      						<div class="img fl  iconfont icon-ziyuan">
		      							<img src="./images/c12c83c63efb4a7.jpg">
		      						</div>
		      					</a>
		      					<div class="words fl">
		      						<a href="">三七</a>
		      						<div class="alt">
			      						<span>流派: 摇滚 Rock</span>
			      						<span>210人关注</span>
			      					</div>
		      					</div>
		      				</li>
		      				<li class="clearFix">
		      					<span class="fl">3.</span>
		      					<a href="">
		      						<div class="img fl  iconfont icon-ziyuan">
		      							<img src="./images/c12c83c63efb4a7.jpg">
		      						</div>
		      					</a>
		      					<div class="words fl">
		      						<a href="">三七</a>
		      						<div class="alt">
			      						<span>流派: 摇滚 Rock</span>
			      						<span>210人关注</span>
			      					</div>
		      					</div>
		      				</li>
		      				<li class="clearFix">
		      					<span class="fl">4.</span>
		      					<a href="">
		      						<div class="img fl  iconfont icon-ziyuan">
		      							<img src="./images/c12c83c63efb4a7.jpg">
		      						</div>
		      					</a>
		      					<div class="words fl">
		      						<a href="">三七</a>
		      						<div class="alt">
			      						<span>流派: 摇滚 Rock</span>
			      						<span>210人关注</span>
			      					</div>
		      					</div>
		      				</li>
		      				<li class="clearFix">
		      					<span class="fl">5.</span>
		      					<a href="">
		      						<div class="img fl  iconfont icon-ziyuan">
		      							<img src="./images/c12c83c63efb4a7.jpg">
		      						</div>
		      					</a>
		      					<div class="words fl">
		      						<a href="">三七</a>
		      						<div class="alt">
			      						<span>流派: 摇滚 Rock</span>
			      						<span>210人关注</span>
			      					</div>
		      					</div>
		      				</li>
		      			</ul>
		      		</div>
	      		</div>
	      		<div class="main">
	      			<div class="section_title">
		      			<h2>豆瓣新碟榜</h2>
		      			<span class="link">
		      				<a href="javascript:;">更多</a>
		      			</span>
		      		</div>
		      		<div class="item_list">
		      			<ul>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/s33854064.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						1.<a href="" class="words_title">hemtrails Over The Country Club</a>
		      					</div>
		      					<div class="words">
		      						<a href="">新裤子 newpants</a>
		      					</div>
	      						<div class="star">
	      							<span class="star_bg star35"></span>
	      							<span class="star_number">5.7</span>
	      						</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/s33854064.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						1.<a href="" class="words_title">hemtrails Over The Country Club</a>
		      					</div>
		      					<div class="words">
		      						<a href="">新裤子 newpants</a>
		      					</div>
	      						<div class="star">
	      							<span class="star_bg star35"></span>
	      							<span class="star_number">5.7</span>
	      						</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/s33854064.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						1.<a href="" class="words_title">hemtrails Over The Country Club</a>
		      					</div>
		      					<div class="words">
		      						<a href="">新裤子 newpants</a>
		      					</div>
	      						<div class="star">
	      							<span class="star_bg star35"></span>
	      							<span class="star_number">5.7</span>
	      						</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/s33854064.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						1.<a href="" class="words_title">hemtrails Over The Country Club</a>
		      					</div>
		      					<div class="words">
		      						<a href="">新裤子 newpants</a>
		      					</div>
	      						<div class="star">
	      							<span class="star_bg star35"></span>
	      							<span class="star_number">5.7</span>
	      						</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/s33854064.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						1.<a href="" class="words_title">hemtrails Over The Country Club</a>
		      					</div>
		      					<div class="words">
		      						<a href="">新裤子 newpants</a>
		      					</div>
	      						<div class="star">
	      							<span class="star_bg star35"></span>
	      							<span class="star_number">5.7</span>
	      						</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/s33854064.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						1.<a href="" class="words_title">hemtrails Over The Country Club</a>
		      					</div>
		      					<div class="words">
		      						<a href="">新裤子 newpants</a>
		      					</div>
	      						<div class="star">
	      							<span class="star_bg star35"></span>
	      							<span class="star_number">5.7</span>
	      						</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/s33854064.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						1.<a href="" class="words_title">hemtrails Over The Country Club</a>
		      					</div>
		      					<div class="words">
		      						<a href="">新裤子 newpants</a>
		      					</div>
	      						<div class="star">
	      							<span class="star_bg star35"></span>
	      							<span class="star_number">5.7</span>
	      						</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/s33854064.jpg">
		      						</a>
		      					</div>
		      					<div class="words">
		      						1.<a href="" class="words_title">hemtrails Over The Country Club</a>
		      					</div>
		      					<div class="words">
		      						<a href="">新裤子 newpants</a>
		      					</div>
	      						<div class="star">
	      							<span class="star_bg star35"></span>
	      							<span class="star_number">5.7</span>
	      						</div>
		      				</li>
		      			</ul>
		      		</div>
		      		<div class="section_title">
		      			<h2>豆瓣新碟榜</h2>
		      			<span class="link">
		      				<a href="javascript:;">更多</a>
		      			</span>
		      		</div>
		      		<div class="hot_music">
		      			<ul>
		      				<li>
		      					<a href="">
		      						<div class="img  iconfont icon-ziyuan">
		      							<img src="./images/42579064-1.jpg">
		      						</div>
		      					</a>
		      					<div class="words">
		      						<span>萧亚轩｜歌声陪我一个人的夜</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="">
		      						<div class="img  iconfont icon-ziyuan">
		      							<img src="./images/42579064-1.jpg">
		      						</div>
		      					</a>
		      					<div class="words">
		      						<span>萧亚轩｜歌声陪我一个人的夜</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="">
		      						<div class="img  iconfont icon-ziyuan">
		      							<img src="./images/42579064-1.jpg">
		      						</div>
		      					</a>
		      					<div class="words">
		      						<span>萧亚轩｜歌声陪我一个人的夜</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="">
		      						<div class="img  iconfont icon-ziyuan">
		      							<img src="./images/42579064-1.jpg">
		      						</div>
		      					</a>
		      					<div class="words">
		      						<span>萧亚轩｜歌声陪我一个人的夜</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="">
		      						<div class="img  iconfont icon-ziyuan">
		      							<img src="./images/42579064-1.jpg">
		      						</div>
		      					</a>
		      					<div class="words">
		      						<span>萧亚轩｜歌声陪我一个人的夜</span>
		      					</div>
		      				</li>
		      				<li>
		      					<a href="">
		      						<div class="img  iconfont icon-ziyuan">
		      							<img src="./images/42579064-1.jpg">
		      						</div>
		      					</a>
		      					<div class="words">
		      						<span>萧亚轩｜歌声陪我一个人的夜</span>
		      					</div>
		      				</li>
		      			</ul>
		      		</div>
	      		</div>
	      	</div>
	      </div>
	      <!-- 豆瓣豆品 -->
	      <div class="section">
	      	<div class="container clearFix doupin_area">
	      		<div class="aside_left">
	      			<div class="aside_title">
	      				<h2>
	      					<a href="javascript:;">音乐</a>
	      				</h2>
	      			</div>
	      		</div>
	      		<div class="aside_right">
	      			<div class="section_title">
		      			<h2>热门活动</h2>
		      		</div>
		      		<div class="adv">
		      			<div class="img">
			      			<a href="">
			      				<img src="./images/file-1513305186-3.jpg">
			      			</a>
		      			</div>
		      			<p><a href="">我的豆瓣收藏夹里有什么</a></p>
		      		</div>
		      		<div class="section_title">
		      			<h2>官方小组</h2>
		      			<span class="link">
		      				<a href="javascript:;">更多</a>
		      			</span>
		      		</div>
		      		<div class="doupin_list">
		      			<ul>
		      				<li>
		      					<div class="title">
		      						<a href="">用书籍标记时光，豆瓣读书周历2021上线！</a>
		      					</div>
		      					<div class="words clearFix">
		      						<span class="fl">4人参加</span>
		      						<span class="fr">01-29</span>
		      					</div>
		      				</li>
		      				<li>
		      					<div class="title">
		      						<a href="">用书籍标记时光，豆瓣读书周历2021上线！</a>
		      					</div>
		      					<div class="words clearFix">
		      						<span class="fl">4人参加</span>
		      						<span class="fr">01-29</span>
		      					</div>
		      				</li>
		      				<li>
		      					<div class="title">
		      						<a href="">用书籍标记时光，豆瓣读书周历2021上线！</a>
		      					</div>
		      					<div class="words clearFix">
		      						<span class="fl">4人参加</span>
		      						<span class="fr">01-29</span>
		      					</div>
		      				</li>
		      			</ul>
		      		</div>
	      		</div>
	      		<div class="main">
	      			<div class="section_title">
		      			<h2>官方小组</h2>
		      			<span class="link">
		      				<a href="javascript:;">更多</a>
		      			</span>
		      		</div>
		      		<div class="item_list">
		      			<ul>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/file-1613971874-0.jpg">
		      						</a>
		      					</div>
		      					<div class="words clearFix">
		      						<a href="" class="fl">豆瓣读书便签贴纸</a>
		      						<span class="fr">￥9</span>
		      					</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/file-1613971874-0.jpg">
		      						</a>
		      					</div>
		      					<div class="words clearFix">
		      						<a href="" class="fl">豆瓣读书便签贴纸</a>
		      						<span class="fr">￥9</span>
		      					</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/file-1613971874-0.jpg">
		      						</a>
		      					</div>
		      					<div class="words clearFix">
		      						<a href="" class="fl">豆瓣读书便签贴纸</a>
		      						<span class="fr">￥9</span>
		      					</div>
		      				</li>
		      				<li>
		      					<div class="img">
		      						<a href="">
		      							<img src="./images/file-1613971874-0.jpg">
		      						</a>
		      					</div>
		      					<div class="words clearFix">
		      						<a href="" class="fl">豆瓣读书便签贴纸</a>
		      						<span class="fr">￥9</span>
		      					</div>
		      				</li>
		      			</ul>
		      		</div>
	      		</div>
	      	</div>
	      </div>
	      <!-- 豆瓣同城 -->
	      <div class="section">
	      	<div class="container clearFix city_area">
	      		<div class="aside_left">
	      			<div class="aside_title">
	      				<h2>
	      					<a href="javascript:;">音乐</a>
	      				</h2>
	      			</div>
	      			<div class="left_menu">
	      				<ul>
	      					<li><a href="">近期活动</a></li>
	      					<li><a href="">主办方</a></li>
	      					<li><a href="">舞台剧</a></li>
	      				</ul>
	      			</div>
	      		</div>	
	      		<div class="aside_right">
	      			<div class="section_title">
		      			<h2>活动标签</h2>
		      		</div>
		      		<div class="group">
						<div class="title">
							<a href="">兴趣</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">生活</a></li>
			      			<li><a href="javascript:;">集市</a></li>
			      			<li><a href="javascript:;">摄影</a></li>
			      			<li><a href="javascript:;">外语</a></li>
			      			<li><a href="javascript:;">桌游</a></li>
			      			<li><a href="javascript:;">夜店</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<div class="title">
							<a href="">兴趣</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">生活</a></li>
			      			<li><a href="javascript:;">集市</a></li>
			      			<li><a href="javascript:;">摄影</a></li>
			      			<li><a href="javascript:;">外语</a></li>
			      			<li><a href="javascript:;">桌游</a></li>
			      			<li><a href="javascript:;">夜店</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<div class="title">
							<a href="">兴趣</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">生活</a></li>
			      			<li><a href="javascript:;">集市</a></li>
			      			<li><a href="javascript:;">摄影</a></li>
			      			<li><a href="javascript:;">外语</a></li>
			      			<li><a href="javascript:;">桌游</a></li>
			      			<li><a href="javascript:;">夜店</a></li>
			      			<li><a href="javascript:;">交友</a></li>
			      			<li><a href="javascript:;">美食</a></li>
			      			<li><a href="javascript:;">派对</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<div class="title">
							<a href="">兴趣</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">生活</a></li>
			      			<li><a href="javascript:;">集市</a></li>
			      			<li><a href="javascript:;">摄影</a></li>
			      			<li><a href="javascript:;">外语</a></li>
			      			<li><a href="javascript:;">桌游</a></li>
			      		</ul>
			      	</div>
			      	<div class="group">
						<div class="title">
							<a href="">兴趣</a>
						</div>
						<ul class="right_menu_list fl_child">
			      			<li><a href="javascript:;">生活</a></li>
			      			<li><a href="javascript:;">集市</a></li>
			      			<li><a href="javascript:;">摄影</a></li>
			      			<li><a href="javascript:;">美食</a></li>
			      			<li><a href="javascript:;">派对</a></li>
			      		</ul>
			      	</div>
	      		</div>
	      		<div class="main">
	      			<div class="section_title">
		      			<h2>九江 · 本周热门活动</h2>
		      			<span class="link">
		      				<a href="">更多</a>
		      			</span>
		      		</div>
		      		<div class="item_list">
		      			<ul>
		      				<li class="clearFix">
		      					<div class="img fl">
		      						<a href="">
		      							<img src="./images/80c20cee5da23f6.jpg">
		      						</a>
		      					</div>
		      					<div class="words fr">
		      						<div class="title">
			      						<a href="">
			      							【冇名堂】国学课堂-解读家
			      						</a>
			      					</div>
		      						<span>
		      							4月15日 周五 - 6月24日 周五
		      						</span>
		      						<span>
		      							信华城市广场4栋2047 冇名堂
		      						</span>
		      						<span>
		      							11人关注
		      						</span>
		      					</div>
		      				</li>
		      				<li class="clearFix">
		      					<div class="img fl">
		      						<a href="">
		      							<img src="./images/80c20cee5da23f6.jpg">
		      						</a>
		      					</div>
		      					<div class="words fr">
		      						<div class="title">
			      						<a href="">
			      							【冇名堂】国学课堂-解读家
			      						</a>
			      					</div>
		      						<span>
		      							4月15日 周五 - 6月24日 周五
		      						</span>
		      						<span>
		      							信华城市广场4栋2047 冇名堂
		      						</span>
		      						<span>
		      							11人关注
		      						</span>
		      					</div>
		      				</li>
		      				<li class="clearFix">
		      					<div class="img fl">
		      						<a href="">
		      							<img src="./images/80c20cee5da23f6.jpg">
		      						</a>
		      					</div>
		      					<div class="words fr">
		      						<div class="title">
			      						<a href="">
			      							【冇名堂】国学课堂-解读家
			      						</a>
			      					</div>
		      						<span>
		      							4月15日 周五 - 6月24日 周五
		      						</span>
		      						<span>
		      							信华城市广场4栋2047 冇名堂
		      						</span>
		      						<span>
		      							11人关注
		      						</span>
		      					</div>
		      				</li>
		      				<li class="clearFix">
		      					<div class="img fl">
		      						<a href="">
		      							<img src="./images/80c20cee5da23f6.jpg">
		      						</a>
		      					</div>
		      					<div class="words fr">
		      						<div class="title">
			      						<a href="">
			      							【冇名堂】国学课堂-解读家
			      						</a>
			      					</div>
		      						<span>
		      							4月15日 周五 - 6月24日 周五
		      						</span>
		      						<span>
		      							信华城市广场4栋2047 冇名堂
		      						</span>
		      						<span>
		      							11人关注
		      						</span>
		      					</div>
		      				</li>
		      			</ul>
		      		</div>
	      		</div>
	      	</div>
	      </div>
	  </div>
	  <footer class="footer">
	  	<div class="container clearFix">
		  	<div class="footer_left fl">
		  		<p>© 2005－2021 douban.com, all rights reserved 北京豆网科技有限公司</p>
		  		<p>
		  			<a href="">京ICP证090015号</a>
		  			京ICP备11027288号
		  			<a href="">网络视听许可证0110418号</a>
		  			<a href="">食品经营许可证</a>
		  		</p>
		  		<p>
		  			京网文[2015]2026-368号
		  			<a href="">新出发京批字第直160029号</a>
		  			新出网证(京)字129号
		  		</p>
	  			<p>
	  				违法和不良信息投诉电话：4008353331-9
	  				<img src="./images/6316c63a81deef1.jpg" class="img1">
	  			</p>
		  		<p>
		  			<img src="./images/jubao.png">
		  			<a href="">中国互联网举报中心</a>
		  			电话：12377
		  			<img src="./images/biaoshi.gif">
		  			<a href="">京公网安备11010502000728</a>
		  		</p>
		  	</div>
		  	<div class="footer_right fr">
		  		<a href="">关于豆瓣</a>·
		  		<a href="">在豆瓣工作</a>·
		  		<a href="">联系我们</a>·
		  		<a href="">法律声明</a>·
		  		<a href="">帮助中心</a>·
		  		<a href="">移动应用</a>·
		  		<a href="">豆瓣广告</a>
		  	</div>
		  </div>
	  </footer>
    </body>
</html>